{% extends "mobileMaster.html" %}

{% block title %} Groups {% endblock %}

{% block content %}

<ul data-role="listview" data-theme="g">
  <li><a href="/"> Test </a></li>
  <li>
    <a href="/"> Test2 </a>
  </li>
  {% for g in groups %}
    <li> 
      <a href="/"> g.group.title </a> 
    </li>
    
  {% endfor %}
</ul>
<!-- <h1 class="headlineText">Groups: </h1>
{% for g in groups %}
<div class="group">
    <a href="/group/{{g.group.key.id}}"><h2>{{ g.group.title }}</h2></a>
    <div class="numTopics">
        {{g.count}} topics
    </div>
</div>
{% endfor %}
<div class="newGroup fright">
    <img src="/public/images/plus.png" />
    <a href="/newgroup/">New Group</a>
</div> -->
{% endblock %}
